<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8">
        <title>Odoo</title>
        <link rel="shortcut icon" href="/web/static/src/img/favicon.ico" type="image/x-icon">

        <link rel="stylesheet" href="/web/static/lib/fontawesome/css/font-awesome.css">
        <link rel="stylesheet" href="/web/static/lib/bootstrap/css/bootstrap.css">

        <script src="/web/static/lib/jquery/jquery.js" type="text/javascript"></script>

        <script type="text/javascript" src="/web/static/lib/popper/popper.js"></script>

        <script type="text/javascript" src="/web/static/lib/bootstrap/js/index.js"></script>
        <script type="text/javascript" src="/web/static/lib/bootstrap/js/util.js"></script>
        <script type="text/javascript" src="/web/static/lib/bootstrap/js/alert.js"></script>
        <script type="text/javascript" src="/web/static/lib/bootstrap/js/button.js"></script>
        <script type="text/javascript" src="/web/static/lib/bootstrap/js/carousel.js"></script>
        <script type="text/javascript" src="/web/static/lib/bootstrap/js/collapse.js"></script>
        <script type="text/javascript" src="/web/static/lib/bootstrap/js/dropdown.js"></script>
        <script type="text/javascript" src="/web/static/lib/bootstrap/js/modal.js"></script>
        <script type="text/javascript" src="/web/static/lib/bootstrap/js/tooltip.js"></script>
        <script type="text/javascript" src="/web/static/lib/bootstrap/js/popover.js"></script>
        <script type="text/javascript" src="/web/static/lib/bootstrap/js/scrollspy.js"></script>
        <script type="text/javascript" src="/web/static/lib/bootstrap/js/tab.js"></script>

        <script type="text/javascript">
            $(function() {
                // Little eye
                $('body').on('mousedown mouseup', '.o_little_eye', function (ev) {
                    $(ev.target).closest('.input-group').find('.form-control').prop('type', ev.type === 'mousedown' ? 'text' : 'password');
                });
                // db modal
                $('body').on('click', '.o_database_action', function (ev) {
                    ev.preventDefault();
                    var db = $(ev.currentTarget).data('db');
                    var target = $(ev.currentTarget).data('target');
                    $(target).find('input[name=name]').val(db);
                    $(target).modal();
                });
                // close modal on submit
                $('.modal').on('submit', 'form', function (ev) {
          var form = $(this).closest('form')[0];
          if (form && form.checkValidity && !form.checkValidity()) {
              return;
          }
                    var modal = $(this).parentsUntil('body', '.modal');
                    if (modal.hasClass('o_database_backup')) {
                        $(modal).modal('hide');
                        if (!$('.alert-backup-long').length) {
                            $('.list-group').before("<div class='alert alert-info alert-backup-long'>The backup may take some time before being ready</div>");
                        }
                    }
                });
            });
        </script>
    </head>

    {% macro master_input() -%}
        <div class="form-group">
            {% if insecure %}
                <input type="hidden" name="master_pwd" class="form-control" value="admin"/>
            {% else %}
                <label for="master_pwd" class="col-form-label">Master Password</label>
                <input id="master_pwd" type="password" name="master_pwd" class="form-control" required="required" autofocus="autofocus"/>
            {% endif %}
        </div>
    {%- endmacro %}

    {% macro create_form() -%}
        {{ master_input() }}
        <div class="form-group row">
            <label for="name" class="col-md-4 col-form-label">Database Name</label>
            <div class="col-md-8">
                <input id="name" type="text" name="name" class="form-control" required="required" autocomplete="off" pattern="{{ pattern }}" title="Only alphanumerical characters, underscore, hyphen and dot are allowed"/>
            </div>
        </div>
        <div class="form-group row">
            <label for="login" class="col-md-4 col-form-label">Email</label>
            <div class="col-md-8">
                <input id="login" type="text" name="login" class="form-control" required="required" autocomplete="off"/>
            </div>
        </div>
        <div class="form-group row">
            <label for="password" class="col-md-4 col-form-label">Password</label>
            <div class="col-md-8 input-group">
                <input id="password" type="password" name="password" class="form-control" required="required" autocomplete="off"/>
                <div class="input-group-append">
                    <span class="fa fa-eye o_little_eye input-group-text" aria-hidden="true" style="cursor: pointer;"></span>
                </div>
            </div>
        </div>
        <div class="form-group row">
            <label for="phone" class="col-md-4 col-form-label">Phone number</label>
            <div class="col-md-8 input-group">
                <input id="phone" type="tel" name="phone" class="form-control" autocomplete="off"/>
            </div>
        </div>
        <div class="form-group row">
            <label for="lang" class="col-md-4 col-form-label">Language</label>
            <div class="col-md-8">
                <select id="lang" name="lang" class="form-control" required="required" autocomplete="off">
                    {% for lang in langs %}
                        <option {% if lang[0] == "en_US" %}selected="selected" {% endif %}value="{{ lang[0] }}">{{ lang[1] }}</option>
                    {% endfor %}
                </select>
            </div>
        </div>
        <div class="form-group row">
            <label for="country" class="col-md-4 col-form-label ">Country</label>
            <div class="col-md-8">
                <select id="country" name="country_code" class="form-control" autocomplete="off">
                    <option value=""></option>
                    {% for country in countries %}
                        <option value="{{ country[0] }}">{{ country[1] }}</option>
                    {% endfor %}
                </select>
            </div>
        </div>
        <div class="form-group row">
            <label for="load_demo_checkbox" class="col-md-4 col-form-label">Demo data</label>
            <div class="col-md-8">
                <input type="checkbox" id="load_demo_checkbox" class="form-control-sm" name="demo" value="1">
            </div>
        </div>
    {%- endmacro %}

    <body>
        <div class="container">
            <!-- Database List -->
            <div class="row">
                <div class="col-lg-6 offset-lg-3 o_database_list">
                    <img src="/web/static/src/img/logo2.png" class="img-fluid d-block mx-auto"/>
                    {% if not list_db %}
                        <div class="alert alert-danger text-center">The database manager has been disabled by the administrator</div>
                    {% elif insecure and databases %}
                        <div class="alert alert-warning">
                            Warning, your Odoo database manager is not protected.<br/>
                            Please <a href="#" data-toggle="modal" data-target=".o_database_master">set a master password</a> to secure it.
                        </div>
                    {% endif %}
                    {% if error %}
                        <div class="alert alert-danger">{{ error }}</div>
                    {% endif %}
                    {% if list_db and databases %}
                        <div class="list-group">
                            {% for db in databases %}
                                <div class="list-group-item d-flex align-items-center">
                                    <a href="/web?db={{ db }}" class="d-block flex-grow-1">
                                        {% if db in incompatible_databases %}
                                            <i class="icon fa fa-warning float-right text-warning" title="This database may not be compatible"></i>
                                        {% endif %}
                                        {{ db }}
                                    </a>
                                    {% if manage %}
                                        <div class="btn-group btn-group-sm float-right">
                                            <button type="button" data-db="{{ db }}" data-target=".o_database_backup" class="o_database_action btn btn-primary">
                                                <i class="fa fa-floppy-o fa-fw"></i> Backup
                                            </button>
                                            <button type="button" data-db="{{ db }}" data-target=".o_database_duplicate" class="o_database_action btn btn-secondary">
                                                <i class="fa fa-files-o fa-fw"></i> Duplicate
                                            </button>
                                            <button type="button" data-db="{{ db }}" data-target=".o_database_delete" class="o_database_action btn btn-danger">
                                                <i class="fa fa-trash-o fa-fw"></i> Delete
                                            </button>
                                        </div>
                                    {% endif %}
                                </div>
                            {% endfor %}
                        </div>
                        {% if manage %}
                            <div class="d-flex mt-2">
                                <button type="button" data-toggle="modal" data-target=".o_database_create" class="btn btn-primary flex-grow-1">Create Database</button>
                                <button type="button" data-toggle="modal" data-target=".o_database_restore" class="btn btn-primary flex-grow-1 ml-2">Restore Database</button>
                                <button type="button" data-toggle="modal" data-target=".o_database_master" class="btn btn-primary flex-grow-1 ml-2">Set Master Password</button>
                            </div>
                        {% else %}
                            <div class="text-center mt-2">
                                <a href="/web/database/manager">Manage databases</a>
                            </div>
                        {% endif %}
                    {% elif list_db %}
                        <form role="form" action="/web/database/create" method="post">
                            {{ create_form() }}
                            <input type="submit" value="Create database" class="btn btn-primary float-left"/>
                        </form>
                        <a role="button" data-toggle="modal" data-target=".o_database_restore" class="btn btn-link">or restore a database</a>
                    {% endif %}
                </div>
            </div>
        </div>

        <!-- Create -->
        <div class="modal fade o_database_create" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <form role="form" action="/web/database/create" method="post">
                        <div class="modal-header">
                            <h4 class="modal-title">Create Database</h4>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        </div>
                        <div class="modal-body">
                            {{ create_form() }}
                            <small class="text-muted">
                                To enhance your experience, some data may be sent to Odoo online services. See our <a href="https://www.odoo.com/privacy">Privacy Policy</a>.
                            </small>
                        </div>
                        <div class="modal-footer">
                            <input type="submit" value="Continue" class="btn btn-primary float-right"/>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Restore -->
        <div class="modal fade o_database_restore" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Restore Database</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <form id="form_restore_db" role="form" action="/web/database/restore" method="post" enctype="multipart/form-data">
                        <div class="modal-body">
                            {{ master_input() }}
                            <div class="form-group">
                                <label for="backup_file" class="col-form-label">File</label>
                                <input id="backup_file" type="file" name="backup_file" class="required"/>
                            </div>
                            <div class="form-group">
                                <label for="name" class="col-form-label">Database Name</label>
                                <input id="name" type="text" name="name" class="form-control" required="required" pattern="{{ pattern }}" title="Only alphanumerical characters, underscore, hyphen and dot are allowed"/>
                            </div>
                            <div class="form-group">
                                <label for="copy">This database might have been moved or copied.</label>
                                <p class="form-text">
                                    In order to avoid conflicts between databases, Odoo needs to know if this database was moved or copied.<br/>
                                    If you don't know, answer "This database is a copy".
                                </p>
                                <div class="custom-control custom-radio">
                                    <input id="radio_copy_true" name="copy" type="radio" class="custom-control-input" value="true" checked="1">
                                    <label for="radio_copy_true" class="custom-control-label">This database is a copy</label>
                                </div>
                                <div class="custom-control custom-radio">
                                    <input id="radio_copy_false" name="copy" type="radio" class="custom-control-input" value="false">
                                    <label for="radio_copy_false" class="custom-control-label">This database was moved</label>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="submit" value="Continue" class="btn btn-primary float-right"/>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Master password -->
        <div class="modal fade o_database_master" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Set Master Password</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <form id="form_change_pwd" role="form" action="/web/database/change_password" method="post">
                        <div class="modal-body">
                            <p>The master password is required to create, delete, dump or restore databases.</p>
                            {{ master_input() }}
                            <div class="form-group">
                                <label for="master_pwd_new" class="col-form-label">New Master Password</label>
                                <div class="input-group">
                                    <input id="master_pwd_new" type="password" name="master_pwd_new" class="form-control" required="required" autocomplete="off"/>
                                    <div class="input-group-append">
                                        <span class="fa fa-eye o_little_eye input-group-text" aria-hidden="true" style="cursor: pointer;"></span>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="submit" value="Continue" class="btn btn-primary float-right"/>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Duplicate DB -->
        <div class="modal fade o_database_duplicate" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Duplicate Database</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <form id="form-duplicate-db" role="form" action="/web/database/duplicate" method="post">
                        <div class="modal-body">
                            {{ master_input() }}
                            <div class="form-group">
                                <label for="name" class="col-form-label">Database Name</label>
                                <input id="name" type="text" name="name" class="form-control" required="required" readonly="readonly"/>
                            </div>
                            <div class="form-group">
                                <label for="new_name" class="col-form-label">New Name</label>
                                <input id="new_name" type="text" name="new_name" class="form-control" required="required" pattern="{{ pattern }}" title="Only alphanumerical characters, underscore, hyphen and dot are allowed"/>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="submit" value="Continue" class="btn btn-primary float-right"/>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Drop DB -->
        <div class="modal fade o_database_delete" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Delete Database</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <form id="form_drop_db" role="form" action="/web/database/drop" method="post">
                        <div class="modal-body">
                            {{ master_input() }}
                            <div class="form-group">
                                <label for="name" class="col-form-label">Database</label>
                                <input id="name" type="text" name="name" class="form-control" required="required" readonly="readonly"/>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="submit" value="Delete" class="btn btn-primary float-right"/>
                        </div>
                    </form>
                </div>
            </div>
        </div>

        <!-- Backup DB -->
        <div class="modal fade o_database_backup" role="dialog">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="modal-title">Backup Database</h4>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <form id="form_backup_db" role="form" action="/web/database/backup" method="post">
                        <div class="modal-body">
                            {{ master_input() }}
                            <div class="form-group">
                                <label for="name" class="col-form-label">Database Name</label>
                                <input id="name" type="text" name="name" class="form-control" required="required" readonly="readonly"/>
                            </div>
                            <div class="form-group">
                                <label for="backup_format" class="col-form-label">Backup Format</label>
                                <select id="backup_format" name="backup_format" class="form-control" required="required">
                                    <option value="zip">zip (includes filestore)</option>
                                    <option value="dump">pg_dump custom format (without filestore)</option>
                                </select>
                            </div>
                        </div>
                        <div class="modal-footer">
                            <input type="submit" value="Backup" class="btn btn-primary float-right"/>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </body>
</html>
